<template>
  <div class="page tongfuPublicityMantou">
    <div class="scroll-view">
      <customHeader middleTitle="健康中国 天下同福"/>
      <div class="page-body">
        <div class="top-pic" data-ratio="1:0.32">
          <img src="../../assets/images/publicity_mantou_top.png" alt=""/>
        </div>
        <div class="video-content" data-ratio="1:0.5625">
          <video controls :src="videoUrl">
          </video>
        </div>
        <div class="bottom-pic" >
          <img src="../../assets/images/publicity_mantou_main.png" alt=""/>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import customHeader from "../../components/header/header";
export default {
  name: "tongfuPublicityMantou",
  data() {
    return {
      videoUrl: 'https://jindd-video.oss-cn-beijing.aliyuncs.com/tongfu/tuiguang/%E5%90%8C%E7%A6%8F.mp4',
    };
  },
  methods: {

  },
  mounted() {

  },
  created() {

  },
  components: {
    customHeader
  }
};
</script>
<style lang='scss' scoped>
@import "tongfuPublicityMantou";
</style>
